<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="../include/base.jsp" %>
<!DOCTYPE HTML>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="<%=basePath%>css/bootstrap.min.css" />
	<link rel="stylesheet" href="<%=basePath%>css/wall.css" />
</head>
<body class="bg" style="font-family:微软雅黑;">
	<div class="container" style="padding-top:60px;">
		<%@ include file="../include/nav.jsp" %>
		<div class="row">
			<%@ include file="../include/left.jsp" %>
			<div class="span9 offset3 wall">
				<div style="margin-top:10px">
					<img src="<%=basePath %>img/company.PNG" alt="" />
					<a href="" style="font-size:20px;color:#000">${contacts.contactName}</a>
				</div>
				<div class="" style="margin-top:30px">
					<ul class="nav nav-tabs">
					  <li class="active">
						<a href="#">Notes & Emails</a>
					  </li>
					  <li><a href="#">Deals</a></li>
					  <li><a href="#">Linkdeln</a></li>
					</ul>
				</div>
				<form action="<%=basePath%>contacts/addContactNate" method="post">
					<label style="font-weight:bold;">Add a note about FIRST</label>
					<textarea rows="3" class="span8" name="noteForContacts.content"></textarea>
					<button class="btn btn-mini" type="submit" style="margin-left:535px">Add this note</button>
				</form>
				<div>
					<hr/>
					<c:forEach items="${noteForContactsList}" var="noteForContacts">
						<div style="margin-bottom:10px">
							<img src="<%=basePath%>img/head.PNG" alt="" />
							<div class="help-inline">
								<a href="<%=basePath%>" style="font-size:16px;">
										${noteForContacts.user.userName}
								</a><br />
								 <p>${noteForContacts.content}</p>
							</div>
						</div>
					</c:forEach>
				</div>
			</div>
		</div>
	</div>
	
	<script src="<%=basePath%>js/jquery.js"></script>
	<script src="<%=basePath%>js/bootstrap.min.js"></script>
</body>
</html>